<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
    <link rel="stylesheet" type="text/css" href="./easyui/themes/icon.css">
    <link rel="stylesheet" type="text/css" href="./easyui/themes/color.css">
    <link rel="stylesheet" type="text/css" href="./easyui/themes/material/easyui.css">
    <script type="text/javascript" src="./easyui/jquery.min.js"></script>
    <script type="text/javascript" src="./easyui/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="./easyui/locale/easyui-lang-zh_CN.js"></script>
    <title>佛珠缘-后台管理</title>
</head>
<body class="easyui-layout">

<div region="north" title="欢迎进入系统" split="true" style="height:100px;"></div>


<div data-options="region:'west',split:true,title:'菜单'" style="width:150px;">
				<div id="leftTree" class="easyui-accordion" >  
					    <div title="用戶管理" data-options="iconCls:'icon-user'" style="padding:10px;">  
					        	<ul class="easyui-tree">
										<li id="admin-Manager">管理员管理</li>
										<li id="user-Manager">会员管理</li>
										<li id="customer-info">收货人信息一览</li>
								</ul>
					    </div>  
					    <div title="商品管理" data-options="iconCls:'icon-commodity'" style="padding:10px;">  
					         	<ul class="easyui-tree">
										<li id="goods-class">分类规格</li>
										<li id="goods">商品管理</li>
								</ul>
					    </div>
					    <div title="订单管理" data-options="iconCls:'icon-order'"style="padding:10px;">  
					          <ul class="easyui-tree">
							          <li data-options="state:'closed'">
							          	<span >销售订单</span>
							          	<ul >
											<li id="order-all">
												<span>订单查询</span>
											</li>
											<li id="order-add">
												<span>订单跟踪</span>
											</li>
											
										</ul>
							          </li>
								  		<li id="order-all">销售订单</li>
					         			<li id="ws-all">出库订单</li>
					         			<li id="order-sending">已发货订单</li>
										<li id="order-exam">待审核订单</li>
										<li id="order-success">成交订单</li>
										<li id="order-return">退换货订单</li>
								</ul>
					    </div> 
					    <div title="客户管理" data-options="iconCls:'icon-info'"style="padding:10px;">  
					          <ul class="easyui-tree">
					         			<li id="item-discuss">商品评论</li>
										<li id="user-love">用户收藏</li>
								</ul>
					    </div> 
					    <div data-options="selected : true"></div>
				</div> 
		</div>
<div region="center" title="操作" style="padding:5px;background:#eee;">
<div id="index_content" class="easyui-tabs" data-options="fit:true">
    <%--中间内容--%>
</div>
</div>
</body>
<script type="application/javascript">
    $(function () {
        $('#index_content').tabs('add', {
            title: '佛珠缘',
            selected: true,
            closable: true,
            href: "page/show"
        });
        $('.easyui-tree').tree({
        	onClick: function(node){
        		if($('#index_content').tabs('exists',node.text)){
        			$('#index_content').tabs('select',node.text);
					return;
				}
        		 $('#index_content').tabs('add', {
        	            title: node.text,
        	            selected: true,
        	            closable: true,
        	            href: "page/"+node.id
        	        });
        	}
        });
    });
</script>
</html>
